var prefix = "/sys/fileAudit"

$(function(){
    load();
    load2();
});

$('#exampleTable').on('load-success.bs.table', function (e, data) {
    if (data.total && !data.rows.length) {
        $('#exampleTable').bootstrapTable('selectPage').bootstrapTable('refresh');
    }
});

function load2() {
    $('#exampleTable')
        .bootstrapTable(
            {
                method: 'get', // 服务器数据的请求方式 get or post
                url: "/sys/fileAudit/getAuditLogList", // 服务器数据的加载地址
                // showRefresh : true,
                // showToggle : true,
                // showColumns : true,
                iconSize: 'outline',
                toolbar: '#exampleToolbar',
                striped: true, // 设置为true会有隔行变色效果
                dataType: "json", // 服务器返回的数据类型
                pagination: true, // 设置为true会在底部显示分页条
                // queryParamsType : "limit",
                // //设置为limit则会发送符合RESTFull格式的参数
                singleSelect: false, // 设置为true将禁止多选
                // contentType : "application/x-www-form-urlencoded",
                // //发送到服务器的数据编码类型
                pageSize: 10, // 如果设置了分页，每页数据条数
                pageNumber: 1, // 如果设置了分布，首页页码
                // search : true, // 是否显示搜索框
                // showColumns : true, // 是否显示内容下拉框（选择显示的列）
                sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者
                // "server"
                queryParams : function(params) {
                    var formData = $('#formSearch').serializeObject();
                    if(!formData){
                        formData = {};
                    }
                    formData.limit = params.limit;
                    formData.offset = params.offset;
                    formData.sort = this.sortName;
                    return formData;
                },
                // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
                // queryParamsType = 'limit' ,返回参数必须包含
                // limit, offset, search, sort, order 否则, 需要包含:
                // pageSize, pageNumber, searchText, sortName,
                // sortOrder.
                // 返回false将会终止请求
                columns: [
                    {
                        field: 'filename',
                        title: '文件名',
                        align: "left"
                    },
                    {
                        field: 'sendtime',
                        title: '申请时间',
                        align: "left"
                    },
                    {
                        field : 'auditstate',
                        title : '审批结果' ,
                        align: "left",
                        formatter : function(value) {
                            var auditstateName = "";
                            if(value == "0") {
                                auditstateName = "待审批";
                            }else if(value == "1") {
                                auditstateName = "审批通过";
                            }else if(value == "2"){
                                auditstateName = "审批不通过";
                            }else {
                                auditstateName = "免审批";
                            }
                            return auditstateName ;
                        }
                    }]
            });
}

function load() {
    $.ajax({
        url : prefix + "/getCountAudit",
        type : "post",
        success : function(r) {
            if (r.code == 0) {
                var a=r.fileAuditDO.a
                var b=r.fileAuditDO.b
                var c=r.fileAuditDO.c
                var d=r.fileAuditDO.d
                $("#a").text(a)
                $("#b").text(b)
                $("#c").text(c)
                $("#d").text(d)

                var data1=r.data1
                var data2=r.data2
                var timeArray=r.timeArray
                //将echart初始化到div中
                var myChart=echarts.init(document.getElementById('main'))  ;
                //指定图表的配置项和数据
                option = {
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    legend: {
                        data: ['已审批文件', '未审批文件']
                    },
                    xAxis: {
                        type: 'category',
                        data: timeArray
                    },
                    yAxis: {
                        type: 'value'
                    },
                    series: [{
                        name: '已审批文件',
                        data: data1,
                        type: 'line',
                        smooth: true
                    },
                        {
                            name: '未审批文件',
                            data: data2,
                            type: 'line',
                            smooth: true
                        }]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);



                //将echart初始化到div中
                var myChart=echarts.init(document.getElementById('bottom-tow'))  ;
                //指定图表的配置项和数据
                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b} : {c} ({d}%)'
                    },
                    legend: {
                        left: 'center',
                        top: 'bottom',
                        data: ['已审批文件', '待审批文件', '未通过文件','全部文件']
                    },
                    series: [
                        {
                            /* name: '面积模式',*/
                            type: 'pie',
                            radius: [30, 110],
                            roseType: 'area',
                            data: [
                                {value: a, name: '已审批文件'},
                                {value: b, name: '待审批文件'},
                                {value: c, name: '未通过文件'},
                                {value: d, name: '全部文件'}
                            ]
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);

                var filenum = new Array();
                var filetype = new Array();
                for(var i=0;i<r.fileAudit.length;i++){
                    filenum[i]=r.fileAudit[i].filenum
                    if(i <= 9) {
                        //展示前10个
                        filetype[i]=r.fileAudit[i].filetype
                    }
                }
                //将echart初始化到div中
                var myChart=echarts.init(document.getElementById('bottom-three'))  ;
                // $('#bottom-three').resize(function(){
                //     myChart.resize();
                // });
                //指定图表的配置项和数据
                option = {
                    color: ['#3398DB'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                            type: 'none'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '0%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: filetype,
                            axisLabel: {
                                interval: 0,
                                rotate: -45
                            },
                            axisTick: {
                                alignWithLabel: true
                            }
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value'
                        }
                    ],
                    series: [
                        {
                            name: '文件个数',
                            type: 'bar',
                            barWidth: '60%',
                            data: filenum
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
        }
    });
}